<template>
    <RouterView/>
    <van-tabbar v-model="active">
      <van-tabbar-item to="/homePage" icon="icon iconfont icon-shouye" name="shouye">首页</van-tabbar-item>
      <van-tabbar-item to="/sort" icon="icon iconfont icon-fenlei" name="fenlei">分类</van-tabbar-item>
      <van-tabbar-item to="/strictSelect" icon="icon iconfont icon-yanxuan" name="yanxuan">严选</van-tabbar-item>
      <van-tabbar-item to="/expore" icon="icon iconfont icon-tansuo" name="tansuo">探索</van-tabbar-item>
      <van-tabbar-item to="/mine" icon="icon iconfont icon-wode" name="wode">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script setup>
import {ref} from "vue"
const active = ref(0);
</script>

<style scoped>
.van-tabbar {
    border-top: 1px solid #9f9d9d;
}
</style>